.order-details {
  &__header {
    margin-bottom: $global-margin * 2;
  }
  &__addresses {
    margin-top: $global-margin * 2;
  }
  &__product {
    .col-3 {
      margin-top: $global-margin / 2;
    }
    a {
      transition: 0.3s;
      &:hover {
        color: $skull-gray;
      }
      p {
        display: inline-block;
        margin-top: $global-margin / 2;
        margin-bottom: 0;
        line-height: 1rem;
        small {
          color: $skull-gray;
        }
      }
      img {
        vertical-align: top;
        margin-right: $global-margin;
      }
    }
  }
  &__total {
    padding-top: $global-padding;
    color: $skull-gray;
  }
  &__last-row {
    border-bottom-color: $skull-gray; 
  }
  &__table-footer {
    @include media-breakpoint-up(sm) {
      padding-left: calc(60px + #{$global-padding} * 2);
    }
  }
}
